<%@ Page Language="vb" MasterPageFile="~/MainPage.Master" AutoEventWireup="false" CodeBehind="Details.aspx.vb" Inherits="PetsCare.Details" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<asp:Content ID="Content1" runat="server" 
    contentplaceholderid="ContentPlaceHolder1">
    <p class="NavFont"> Home > List > Details<asp:Label ID="countshow_lbl" runat="server" Text="Checking..."></asp:Label>
            </p>
   
            <table class="style2">
                <tr>
                    <td class="DiscussionHeader" colspan="2" bgcolor="#003300">
                        Details&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td>
                    <td rowspan="4" valign="top">
                    
                        <asp:HyperLink ID="link_lbl" runat="server">Want to Start a discussion on this 
                        pet</asp:HyperLink>
                    
                        <br />
                        <asp:Panel ID="Panel1" runat="server" Height="121px" Width="236px">
                            <asp:CheckBoxList ID="tags_list_checkBoxes" runat="server" 
                            DataSourceID="SqlDataSource2" 
    DataTextField="TagName" DataValueField="ID">
                            </asp:CheckBoxList>
                            <br />
                            <asp:Button ID="btn_submittag" runat="server" Text="Tag it!!" Width="84px" />
                            <br />
                            <br />
                            <br />
                            <br />
                            <br />
                            <asp:DropShadowExtender ID="DropShadowExtender1" runat="server" TargetControlID="Panel2" Rounded="true" Opacity=".8">
                            </asp:DropShadowExtender>
                            <asp:Panel ID="Panel2" runat="server" Height="112px">
                            <center>
                                <asp:Label ID="Label1" runat="server" Text="Add your own tag"></asp:Label>
                                <br />
                                <br />
                                <asp:TextBox ID="tb_newtag" runat="server" Width="189px"></asp:TextBox>
                                <br />
                                <br />
                                <asp:Button ID="btn_SubmitNewTAG" runat="server" Text="Add your Tag!" />
                                </center>
                            </asp:Panel>
                        </asp:Panel>
                        
                         
                        
                     
                        
                        <br />
                        
                         
                        
                     
                        
                        </td>
                </tr>
                <tr>
                    <td class="style26">
                        <asp:Label ID="lbl_Petname" runat="server" Text="Pet Name"></asp:Label>
                    </td>
                    <td class="style38">
                        <asp:Button ID="placesticker_btn" runat="server" Height="24px" 
                            style="margin-top: 9px" Text="Place a sticker" 
                            Width="281px" Enabled="False" CssClass="DiscussionBody" />
                        <asp:SqlDataSource ID="SqlDataSource2" runat="server" 
                            ConnectionString="<%$ ConnectionStrings:PetsConnectionString %>" 
                            ProviderName="<%$ ConnectionStrings:PetsConnectionString.ProviderName %>" 
                            SelectCommand="SELECT [TagName], [ID] FROM [Tags_tbl]"></asp:SqlDataSource>
                         
                        
                     
                        
                        <asp:Label ID="errorlbl" runat="server" ForeColor="Red"></asp:Label>
                         
                        
                     
                        
                        </td>
                </tr>
                <tr>
                    <td class="style18">
                        <asp:Image ID="img_Pet" runat="server" Height="300px" Width="253px" />
                              <asp:DropShadowExtender ID="DropShadowPETSIMAGE" runat="server" 
                        TargetControlID="img_Pet" Opacity="0.8" Rounded="true" TrackPosition="true">
                        
                        </asp:DropShadowExtender> 
                        
                        <br />
                        <asp:Label ID="lbl_showlike" runat="server" Text="[None]"></asp:Label>
                     <br />
                                                
                                        <asp:CheckBox ID="CheckBox1" runat="server" Checked="True" />
                                            <asp:ToggleButtonExtender ID="ToggleButtonExtender1" runat="server" TargetControlID="CheckBox1"
                                                      ImageHeight="100" ImageWidth="100" 
                                                UncheckedImageUrl="Images/thumbs-down.png" 
                                                CheckedImageUrl="Images/thumbs-up.png" CheckedImageAlternateText="Checked" UncheckedImageAlternateText="Unckecked">
                                            </asp:ToggleButtonExtender>
                                            <br />    <br />    <br />       <br />    <br />    <br />
                                        <asp:Button ID="btn_submitlikes" runat="server" Height="22px" Text="Save" 
                                                Width="68px" />
                                            

                        
                 
                      
				
                           
                    </td>
                    <td class="style19" valign="top">
            
                        
                        <table class="style2">
                            <tr>
                                <td class="style20">
                                    <asp:Label ID="Label2" runat="server" Text="Weight"></asp:Label>
                                </td>
                                <td class="style15">
                                    <asp:Label ID="lbl_weight" runat="server" Text="Label"></asp:Label>
                                &nbsp;Kg.</td>
                            </tr>
                            <tr>
                                <td class="style21">
                                    <asp:Label ID="Label3" runat="server" Text="Age"></asp:Label>
                                </td>
                                <td class="style22">
                                    <asp:Label ID="lbl_age" runat="server" Text="Label"></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td class="style27">
                                    <asp:Label ID="Label4" runat="server" Text="Color"></asp:Label>
                                </td>
                                <td class="style30">
                                    <asp:Label ID="lbl_color" runat="server" Text="Label" style="font-size: medium"></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td class="style28">
                                    <asp:Label ID="Label5" runat="server" Text="Advantage"></asp:Label>
                                </td>
                                <td class="style29">
                                    <asp:Label ID="lbl_advt" runat="server" Text="Label"></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td class="style20">
                                    <asp:Label ID="Label6" runat="server" Text="Owner Name"></asp:Label>
                                </td>
                                <td class="style15">
                                    <asp:Label ID="lbl_ownname" runat="server" Text="Label"></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td class="style20">
                                    <asp:Label ID="Label7" runat="server" Text="Description"></asp:Label>
                                </td>
                                <td class="style15">
                                    <asp:Label ID="lbl_des" runat="server" Text="Label"></asp:Label>
                                </td>
                            </tr>
                        </table>
            
                        
                             <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
                             </asp:ToolkitScriptManager>
            
                        
                   </td>
                </tr>
                <tr>
                    <td class="NormalHeaders">
                        Comments</td>
                    <td style="vertical-align: top" class="style56">
                    
                        &nbsp;</td>
                </tr>
                <tr>
                    <td valign="top">
   <asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1">
                      <ItemTemplate>
                        <table>
                            <tr>
                                <td class="descriptionContent" class="CommentLooks" valign="top">
                                    <asp:Image ID="Image2" runat="server" Height="37px" Width="39px" 
                                        ImageUrl=<%#Eval("Photo") %>/>
                                </td>
                                
                                <td class="style57" bgcolor="#EDEFF4" valign="top">
                                    <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# "UserProfileShow.aspx?ID=" & Eval("UserID") %>' CssClass="CommentLooks"  >  <%#Eval("UserName")%></asp:HyperLink>
                                    <br />
                                    <%#Eval("comment")%><br />
                                    <%#Eval("Time_comment")%>
                                </td>
                            </tr>
                            </table>
                         
                          </ItemTemplate>
                         </asp:Repeater>
                      
                                                <table class="style52" bgcolor="#EDEFF4">
                                                    <tr>
                                                        <td class="style53">
                                    <asp:Image ID="imguser_comment" runat="server" Height="35px" Width="46px" 
                                        ImageUrl=<%#Eval("Photo") %>/>
                                                        </td>
                                                        <td>
                        <asp:TextBox ID="TB_COMMENTS" runat="server" CssClass="tblfont" Height="30px" 
                            TextMode="MultiLine" Width="221px" ></asp:TextBox>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="style54">
                                                            </td>
                                                        <td class="style55">
                        <asp:Button ID="comment_btn" runat="server" BorderStyle="None" 
                            Text="Click to Comment" Width="131px" Height="18px"  />
                         
                        
                     
                        
                                                        </td>
                                                    </tr>
                                                </table>
                         
                         
                         
                        
                         
                         
                         
                        </td>
                    <td class="style46" style="vertical-align: top" valign="top">
                    
                         
                         <div>
                           
                             <div style="height: 29px; width: 369px"> What you say about this Pet please rate it. </div>            
                                
                                 <asp:Rating ID="Rating1" runat="server"  
                                 CurrentRating="3"
                                 MaxRating="5" 
                                 StarCssClass="RatingStars" 
                                 FilledStarCssClass="filledRatingStar" 
                                 EmptyStarCssClass="emptyRatingStar"
                                 WaitingStarCssClass="SavedRatingStar"                       
                                 Style="float:left;" Height="29px" Width="206px">
                                     
                                 
                                 
                                
                                 
                                 
                                
                                 </asp:Rating>
                               
                            
                             <br />
                             <br />
                             <asp:Button ID="Submit_btn" runat="server" Text="Submit" Width="88px" 
                                 BorderStyle="None" CssClass="DiscussionHeader" Height="27px" />
                             <br />
                               
                            
                         </div> 
                         
                        
                     
                        
                        </td>
                    <td class="style25" style="vertical-align: top" valign="top">
                    
                        <asp:Panel ID="container" runat="server"  Height="290px" Width="223px" 
                            BackColor="White" Visible="False">
                                    <asp:Panel ID="Head" runat="server" Height="36px" BorderColor="Black" 
                                        BackColor="White" Width="222px" ForeColor="Black"> 
                                        <br />
                                        &nbsp;Importaint Notes about<br />
&nbsp;<asp:Panel ID="Body" runat="server" BackColor="#0B3D73" ForeColor="#CCCCCC" 
                                            Height="197px" Width="223px">
                                            <asp:TextBox ID="TB_sticker" runat="server" BackColor="#FFFFCC" Height="197px" 
                                                TextMode="MultiLine" Width="223px" style="margin-bottom: 0px"></asp:TextBox>
                                           
                                        </asp:Panel>
                                        <asp:Panel ID="pnl_Footer" runat="server" Height="29px" Width="220px">
                                            &nbsp;&nbsp;&nbsp;<br />
&nbsp;<asp:Button ID="btn_StikySubmt" runat="server" BorderStyle="None" 
                                                CssClass="DiscussionHeader" Height="30px" Text="Submit" Width="85px" />&nbsp;      
                                                <asp:Button ID="btn_StickyDelete" runat="server" BorderStyle="None" 
                                                CssClass="DiscussionHeader" Height="30px" Text="Delete" Width="85px" />
                                        </asp:Panel>
                                        </asp:Panel>
                        </asp:Panel>
                                           <asp:DropShadowExtender ID="DropShadowPANEL" runat="server" 
                                                TargetControlID="container" Opacity="0.8" Rounded="true" TrackPosition="true">
                                                </asp:DropShadowExtender>
                                    <asp:DragPanelExtender ID="DragPanelExtender1" runat="server" TargetControlID="Container">
                                    </asp:DragPanelExtender>
                         
                        
                     
                        
                        </td>
                </tr>
                <tr>
                    <td class="style36" valign="top">
                        <br />
                         
                        
                     
                        
                                                <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
                            ConnectionString="<%$ ConnectionStrings:PetsConnectionString %>" 
                            ProviderName="<%$ ConnectionStrings:PetsConnectionString.ProviderName %>" 
                            SelectCommand="SELECT [Comment], [UserName], [PetID], [Time_comment], [Photo], [userID] FROM [Comments] WHERE ([PetID] = ?)">
                                                    <SelectParameters>
                                                        <asp:QueryStringParameter Name="PetID" QueryStringField="ID" Type="Int32" />
                                                    </SelectParameters>
                        </asp:SqlDataSource>
                         
                        
                     
                        
                    </td>
                                               
                    <td class="style47" valign="top">
                        
                         
                         &nbsp;</td>
                                               
                    <td class="style37">
                        
                         
                         &nbsp;</td>
                </tr>
                </table>
        
    <br />
        
    </asp:Content>
<asp:Content ID="Content2" runat="server" contentplaceholderid="head">

    <link href="StyleSheet1.css" rel="stylesheet" type="text/css" />

    <style type="text/css">
        .style2
        {
            width: 100%;
            height: 267px;
            margin-right: 0px;
        }
        .style3
        {
            width: 437px;
        }
        .style4
        {
            height: 37px;
            font-weight: bold;
            font-family: Verdana;
        }
        .style5
        {
            width: 188px;
        }
        .style6
        {
            width: 188px;
            height: 41px;
        }
        .style7
        {
            height: 41px;
            width: 561px;
        }
        .style8
        {
            width: 227px;
            height: 37px;
        }
        .style9
        {
            height: 37px;
            width: 561px;
        }
        .style11
        {
            height: 35px;
            width: 572px;
        }
        .style12
        {
            font-family: Verdana;
            color: Green;
            font-size: medium;
            width: 420px;
        }
        .style15
        {
            width: 561px;
        }
        .style18
        {
            width: 309px;
            height: 463px;
        }
        .style19
        {
            font-family: Verdana;
            color: Purple;
            font-size: medium;
            height: 463px;
            width: 747px;
        }
        .style20
        {
            width: 304px;
            height: 46px;
        }
        .style21
        {
            width: 304px;
            height: 48px;
        }
        .style22
        {
            height: 48px;
            width: 561px;
        }
        .style25
        {
            font-family: Verdana;
            color: Purple;
            font-size: medium;
            width: 572px;
            height: 267px;
        }
        .style26
        {
            font-family: Verdana;
            color: Green;
            font-size: medium;
            width: 309px;
            height: 22px;
        }
        .style27
        {
            width: 304px;
            height: 43px;
        }
        .style28
        {
            width: 304px;
            height: 40px;
        }
        .style29
        {
            width: 561px;
            height: 40px;
        }
        .style30
        {
            width: 1149px;
            font-family: Verdana;
            font-size: small;
            height: 43px;
        }
        .style36
        {
            width: 309px;
            height: 189px;
        }
        .style37
        {
            width: 572px;
            height: 189px;
        }
        .style38
        {
            height: 22px;
            width: 747px;
        }
        .style46
    {
        font-family: Verdana;
        color: Purple;
        font-size: medium;
        width: 747px;
        height: 267px;
    }
    .style47
    {
        width: 747px;
        height: 189px;
    }
        .style52
        {
            width: 98%;
        }
        .style53
        {
            width: 50px;
        }
        .style54
        {
            width: 50px;
            height: 22px;
        }
        .style55
        {
            height: 22px;
        }
        .style56
        {
            width: 747px;
        }
        .style57
        {
            font-family: Verdana;
            font-size: 10px;
            width: 226px;
        }
        </style>

</asp:Content>

